查看原文
其他

支付宝交互有多牛,还没看完我就跪了...

UX设计精选 2023-07-30

The following article is from 我们的设计日记 Author 叮当猫


 

开端最近很火大家都看了吗?我在用爱奇艺观看的时候无意中发现了它的新交互优化,这个细节让我看视频更方便了。分享给大家,还有其它更多交互细节。


 01.  爱奇艺:一直播放的视频 


@Alina在观看视频时,当返回桌面时,视频会以小窗口状态一直播放。


 02.  自如:多层颜色叠加的动效表达 

@Yizero:自如APP点击切换底部标签栏时,会出现多层颜色叠加的动效展示,很好的表达了当前的操作路径。


 03.  有道:将翻译结果带到情景 

@Alina:当翻译英文对应多个中文解释时,点击右侧的浮标就可以展开每个中文释义的案例。


 04.  支付宝:更沉浸的游戏体验 

@通通:全屏展示,按钮更大,让用户更沉浸在游戏的氛围中,能更深入地体验保护地和动物的内容,增加用户游戏体验,增加用户的同理心和情感体验。


 05.  腾讯动漫:如何拥有漫画人物的专属表情包 

@一代邪僧在腾讯动漫的评论区板块,用户除了可以选择常规的以及IP表情包外,还可以选择热门漫画中的角色专属表情包。


 06.  网易云:发现 

@斯诗:发现页配图根据节日而变化。

 07.  path:启动页动效 
@斯词:减少用户等待的时间,直接展示logo产品的动画效果,增强品牌的传播

 08.  花呗:翻页动效 

@🌞Sunshine登记勋章历程,运营活动勋章翻页效果。。

 09.  京东:关键词推荐 

@无糖:进入京东,点击搜索框,输入产品名称,下方出现相关型号和品牌。


 10.  懂车帝:推荐查看展开更多 
@七间:打开懂车帝,首页推荐内容里,推荐几款当前最热车,点击展开,展开用户最关心的几个相关数据,如照片、价钱、配置、车友活跃度等。


 11.  汽车之家:与众不同的选项 

@七间:汽车之家首页,顶部导航和金刚区图标都做了特殊处理,冬季实验室和把爱带回家明显区别于其他选项。


 12.  时计:打卡动效 

@树猫:时记是一款做计划类产品,当用户完成某项计划进行打卡时,交互形式采用在机器中盖章的动效以及咔嚓的声音来表达打卡成功。


 13.  Facebook:专注看直播 

@咸蛋超人:当无相关操作时,约十秒钟后自动隐藏评论内容,有助于用户专注直播内容。


 14.  微信:个人信息收集清单 

@戴KK:满足用户查阅微信对用户自身的个人信息的收集情况需求,其中包含“用户基本信息”、“设备属性信息”、“用户使用过程信息”、“联系人信息”。有点类似淘宝的”足迹“,方便用户回溯之前在具体日期时间看了哪些内容做了哪些事。


 15.  顺丰:输入手机号不匹配实时反馈 

@张亚飞:当寄快递输入寄件人手机号时,如果号码与历史记录号码不一致时,号码下方就会出现提醒文字,提醒你核对寄件人电话。


推荐阅读(点击标题跳转)

全网首发!别天天盯着Materials Design了,LINE推出全新设计系统!

如何优化‘信息输入’设计?这些大厂案例给你标准答案

iPad这个设计,确认苹果依旧在引领行业




如果你喜欢这篇文章⬇️️麻烦点赞、在看鼓励一下吧⬇️️

您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存